<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
	<script type="text/javascript" src="/deng/include/include-css.js"></script>
	<script type="text/javascript" src="/deng/include/inplug-css.js"></script>
	<link href="/deng/source/css/bootlist.css" rel="stylesheet" type="text/css" />
	<title>行政区域页面</title>
</head>
<body>
<div class="m-portlet">
	<div class="m-portlet__head">
		<div class="m-portlet__head-caption">
			<div class="m-portlet__head-title">
				<span class="m-portlet__head-icon m--hide">
					<i class="la la-gear"></i>
				</span>
				<h3 class="m-portlet__head-text">
					行政区域
				</h3>
			</div>
		</div>
	</div>
	<div class="m-portlet__body">
		<div class="btn-group pull-left" style="margin-right:0px;margin-bottom: 5px">
			<button class="btn btn-light-primary font-weight-bold mr-2" onclick="addXtAreaRegion(0)">
				<span><i class="la la-plus la-lg"></i><span>新建一级（国家）</span></span>
			</button>&nbsp;&nbsp;
			<button class="btn btn-light-warning font-weight-bold mr-2" onclick="addXtAreaRegion(1)">
				<span><i class="la la-plus la-lg"></i><span>新建下级</span></span>
			</button>&nbsp;&nbsp;
			<button class="btn btn-light-success font-weight-bold mr-2" onclick="updateXtAreaRegion()">
				<span><i class="fa fa-magic fa-lg"></i><span>编 辑</span></span>
			</button>&nbsp;&nbsp;
			<button class="btn btn-light-warning font-weight-bold mr-2" onclick="detailXtAreaRegion()">
				<span><i class="la la-eye la-lg"></i><span>详 情</span></span>
			</button>&nbsp;&nbsp;
			<button class="btn btn-light-danger font-weight-bold mr-2" onclick="delXtAreaRegion()">
				<span><i class="fa fa-times"></i><span>删 除</span></span>
			</button>&nbsp;&nbsp;
			<button class="btn btn-light-primary font-weight-bold mr-2 m-btn m-btn--custom m-btn--label-warning m-btn--bolder m-btn--uppercase" onclick="refreshAll()">
				<span><i class="fa fa-spin fa-refresh m-r-5 fa-lg"></i><span>刷 新</span></span>
			</button>
		</div>
	</div>
	<div class="m-portlet__body" class="zTreeDemoBackground left">
		<div class="form-group m-form__group row" >
			<div class="col-md-3">
				<div class="m-portlet">
					<div class="m-portlet__head">
						<div class="m-portlet__head-caption">
							<div class="m-portlet__head-title">
								<h3 class="m-portlet__head-text">
									<span class="m-accordion__item-icon"><i class="fa flaticon-location"></i>行政区域</span>
								</h3>
							</div>
						</div>
					</div>
					<div class="zTreeDemoBackground left"  style='height:calc(100vh - 300px);overflow: auto;'>
						<ul id="tree" class="ztree"></ul>
					</div>
				</div>
			</div>
			<div class="col-md-9" id="departFieldSet">
				<div class="m-portlet">
					<div class="m-portlet__head">
						<div class="m-portlet__head-caption">
							<div class="m-portlet__head-title">
								<h3 class="m-portlet__head-text">
									<span class="m-accordion__item-icon"><i class="fa flaticon-graphic-1"></i>基础信息</span>
								</h3>
							</div>
						</div>
					</div>
				</div>
				<div class="m-portlet__body" style='height:calc(100vh - 220px);overflow: auto;'>
					<div class="form-group" style="display:none;">
						<label class="col-lg-3 control-label">序列号</label>
						<div class="col-lg-6">
							<input class="form-control" type="hidden" name="xt_departinfo_id"  placeholder="请输入序列号" value="${xtDepartinfo.xt_departinfo_id }">
						</div>
					</div>
					<div class="form-group m-form__group row">
						<label class="col-form-label">名&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;称</label>
						<div class="col-md-2">
							<input class="form-control" readonly type="text" maxlength="50" id="d_name" placeholder="暂无">
						</div>
					</div>

					<div class="form-group m-form__group row">
						<label class="col-form-label">行政编码</label>
						<div class="col-md-2">
							<input class="form-control" readonly type="text" maxlength="50" id="d_code" placeholder="暂无">
						</div>
					</div>
					<div class="form-group m-form__group row">
						<label class="col-form-label">经&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;度</label>
						<div class="col-md-2">
							<input class="form-control" readonly type="text" maxlength="50" id="d_jd" placeholder="暂无">
						</div>
					</div>
					<div class="form-group m-form__group row">
						<label class="col-form-label">纬&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;度</label>
						<div class="col-md-2">
							<input class="form-control" readonly type="text" maxlength="50" id="d_wd" placeholder="暂无">
						</div>
					</div>
					<div class="form-group m-form__group row">
						<label class="col-form-label">简&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;称</label>
						<div class="col-md-4">
							<input class="form-control" readonly type="text" maxlength="50" id="d_short" placeholder="暂无">
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<!-- 新增行政区域模态框（Modal）开始 -->
<div class="modal fade" id="addXtAreaRegionModal" tabindex="-1" role="dialog" aria-labelledby="addXtAreaRegionModalLabel" aria-hidden="true">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
			<div class="modal-header">
				<h4 class="modal-title" id="addXtAreaRegionModalTitleLabel">
					新增行政区域
				</h4>
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
			</div>
			<div class="modal-body" style='height:calc(100vh - 220px);overflow: auto;'>
				<form id="addXtAreaRegionForm" class="m-form m-form--fit m-form--label-align-left m-form--group-seperator-dashed" method="post">
					<input class="form-control placeholder-no-fix" type="hidden" name="PARENT_ID" value="0" id="PARENT_ID"/>
					<input class="form-control placeholder-no-fix" type="hidden" name="REGION_LEVEL" value="0" id="REGION_LEVEL"/>
					<div class="form-group">
						<label class="col-lg-2 col-form-label">名称</label>
						<div class="col-lg-6">
							<input class="form-control placeholder-no-fix" type="text" data-bv-notempty data-bv-notempty-message="请输入名称" placeholder="请输入行政名称" name="NAME"/>
						</div>
					</div>
					<div class="form-group">
						<label class="col-lg-2 col-form-label">中文简称</label>
						<div class="col-lg-6">
							<input class="form-control placeholder-no-fix" type="text" data-bv-notempty data-bv-notempty-message="请输入中文简称" placeholder="请输入中文简称" name="NAME_EN"/>
						</div>
					</div>
					<div class="form-group">
						<label class="col-lg-2 col-form-label">政行编码</label>
						<div class="col-lg-6">
							<input class="form-control" type="text" data-bv-notempty data-bv-notempty-message="请输入行政编码" placeholder="请输入行政编码" name="CODE"/>
						</div>
					</div>
					<div class="form-group">
						<label class="col-lg-2 col-form-label">经度</label>
						<div class="col-lg-6">
							<input class="form-control placeholder-no-fix" type="text" style="width:150px" placeholder="请输入经度" name="LONGITUDE"/>
						</div>
					</div>
					<div class="form-group">
						<label class="col-lg-2 col-form-label">纬度</label>
						<div class="col-lg-6">
							<input class="form-control placeholder-no-fix" style="width:150px" type="text" placeholder="请输入纬度" name="LATITUDE"/>
						</div>
					</div>
				</form>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-light-primary font-weight-bold mr-2" data-dismiss="modal">取 消</button>
				<button type="button" class="btn btn-light-success font-weight-bold mr-2" onclick="doAddXtAreaRegion()">保 存</button>
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal -->
</div>
<!-- 新增行政区域模态框（Modal）结束 -->


<!-- 编辑行政区域模态框（Modal）开始 -->
<div class="modal fade" id="updateXtAreaRegionModal" tabindex="-1" role="dialog" aria-labelledby="updateXtAreaRegionModalLabel" aria-hidden="true">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
			<div class="modal-header">
				<h4 class="modal-title" id="updateXtAreaRegionModalTitleLabel">
					编辑行政区域
				</h4>
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
			</div>
			<div class="modal-body" style='height:calc(100vh - 220px);overflow: auto;'>
				<form id="updateXtAreaRegionForm" class="m-form m-form--fit m-form--label-align-left m-form--group-seperator-dashed" method="post">
					<input class="form-control placeholder-no-fix" type="hidden" name="PARENT_ID" id="PARENT_ID"/>
					<input class="form-control placeholder-no-fix" type="hidden" name="ID" id="ID"/>
					<input class="form-control placeholder-no-fix" type="hidden" name="REGION_LEVEL" id="REGION_LEVEL"/>
					<div class="form-group">
						<label class="col-lg-2 col-form-label">名称</label>
						<div class="col-lg-6">
							<input class="form-control placeholder-no-fix" type="text" data-bv-notempty data-bv-notempty-message="请输入名称" placeholder="请输入行政名称" id="NAME" name="NAME"/>
						</div>
					</div>
					<div class="form-group">
						<label class="col-lg-2 col-form-label">中文简称</label>
						<div class="col-lg-6">
							<input class="form-control placeholder-no-fix" type="text" data-bv-notempty data-bv-notempty-message="请输入中文简称" placeholder="请输入中文简称" id="NAME_EN" name="NAME_EN"/>
						</div>
					</div>
					<div class="form-group">
						<label class="col-lg-2 col-form-label">政行编码</label>
						<div class="col-lg-6">
							<input class="form-control" type="text" data-bv-notempty data-bv-notempty-message="请输入行政编码" placeholder="请输入行政编码" id="CODE" name="CODE"/>
						</div>
					</div>
					<div class="form-group">
						<label class="col-lg-2 col-form-label">经度</label>
						<div class="col-lg-6">
							<input class="form-control placeholder-no-fix" type="text" style="width:150px" placeholder="请输入经度" id="LONGITUDE" name="LONGITUDE"/>
						</div>
					</div>
					<div class="form-group">
						<label class="col-lg-2 col-form-label">纬度</label>
						<div class="col-lg-6">
							<input class="form-control placeholder-no-fix" style="width:150px" type="text" placeholder="请输入纬度" id="LATITUDE" name="LATITUDE"/>
						</div>
					</div>
				</form>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-light-primary font-weight-bold mr-2" data-dismiss="modal">取 消</button>
				<button type="button" class="btn btn-light-success font-weight-bold mr-2" onclick="doUpdateXtAreaRegion()">保 存</button>
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal -->
</div>
<!-- 编辑行政区域模态框（Modal）结束 -->

<!-- 详细行政区域模态框（Modal）开始 -->
<div class="modal fade" id="detailXtAreaRegionModal" tabindex="-1" role="dialog" aria-labelledby="detailXtAreaRegionModalLabel" aria-hidden="true">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
			<div class="modal-header">
				<h4 class="modal-title" id="detailXtAreaRegionModalTitleLabel">
					行政区域详细
				</h4>
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
			</div>
			<div class="modal-body" style='height:calc(100vh - 220px);overflow: auto;'>
				<form id="detailXtAreaRegionForm" class="m-form m-form--fit m-form--label-align-left m-form--group-seperator-dashed" method="post">
					<input class="form-control placeholder-no-fix" type="hidden" name="PARENT_ID" id="PARENT_ID"/>
					<input class="form-control placeholder-no-fix" type="hidden" name="ID" id="ID"/>
					<input class="form-control placeholder-no-fix" type="hidden" name="REGION_LEVEL" id="REGION_LEVEL"/>
					<div class="form-group">
						<label class="col-lg-2 col-form-label">名称</label>
						<div class="col-lg-6">
							<input class="form-control placeholder-no-fix" type="text" data-bv-notempty data-bv-notempty-message="请输入名称" readOnly="true" placeholder="请输入行政名称" id="NAME" name="NAME"/>
						</div>
					</div>
					<div class="form-group">
						<label class="col-lg-2 col-form-label">中文简称</label>
						<div class="col-lg-6">
							<input class="form-control placeholder-no-fix" type="text" data-bv-notempty data-bv-notempty-message="请输入中文简称" readOnly="true" placeholder="请输入中文简称" id="NAME_EN" name="NAME_EN"/>
						</div>
					</div>
					<div class="form-group">
						<label class="col-lg-2 col-form-label">政行编码</label>
						<div class="col-lg-6">
							<input class="form-control" type="text" data-bv-notempty data-bv-notempty-message="请输入行政编码" readOnly="true" placeholder="请输入行政编码" id="CODE" name="CODE"/>
						</div>
					</div>
					<div class="form-group">
						<label class="col-lg-2 col-form-label">经度</label>
						<div class="col-lg-6">
							<input class="form-control placeholder-no-fix" type="text" style="width:150px" readOnly="true" placeholder="请输入经度" id="LONGITUDE" name="LONGITUDE"/>
						</div>
					</div>
					<div class="form-group">
						<label class="col-lg-2 col-form-label">纬度</label>
						<div class="col-lg-6">
							<input class="form-control placeholder-no-fix" style="width:150px" type="text" readOnly="true" placeholder="请输入纬度" id="LATITUDE" name="LATITUDE"/>
						</div>
					</div>
				</form>
			</div>
			<!--<div class="modal-footer">
				<button type="button" class="btn btn-secondary m-btn m-btn&#45;&#45;custom m-btn&#45;&#45;label-primary" data-dismiss="modal">关闭</button>
			</div>-->
		</div><!-- /.modal-content -->
	</div><!-- /.modal -->
</div>
<!-- 详细行政区域模态框（Modal）结束 -->
</body>
<script type="text/javascript" src="/deng/include/include.js"></script>
<script type="text/javascript" src="/deng/include/inplug.js"></script>
<script type="text/javascript" src="/deng/view/sys/xt-area-region/xt-area-region-list.js"></script>
<script type="text/javascript" src="/deng/view/sys/xt-area-region/xt-area-region-add.js"></script>
<script type="text/javascript" src="/deng/view/sys/xt-area-region/xt-area-region-update.js"></script>
<script type="text/javascript" src="/deng/view/sys/xt-area-region/xt-area-region-detail.js"></script>
</html> 